@charset "utf-8";
/* CSS Document */




 .indexNavL{
	 position:absolute;
	 top:197px;
	 left:13px;
	 z-index:2;
	 display:none;
	 }
.indexNavC{
	z-index:3
		}

/*-----------详情页的导航---------------------------*/






.detailLunjing{ height:35px; line-height:35px;}
.detailTop{
	height:520px;
	}
.detailTopL{
	margin-right:30px;
	position:relative;
	width:362px;
	height:520px;
	}
.detailTopWin{
	width:360px; 
	border:1px solid #ccc;
	height:360px;
	position:relative;

	}
.detailTopWin img{ width:360px; height:360px;}
.detailTopWin .big{
	position:absolute;
	width:180px;
	height:180px;
	background:pink;
	opacity:0.6;
	display:none;
	top:0;
	left:0;
	}
.detailTopL .detailLunbo{
	margin-top:12px;
	width:300px;
	height:47px;
	position:relative;
	overflow:hidden;
	margin-left:30px;
	}
.detailTopL .detailLunbo ul{
	position:absolute;
	width:300px;
	height:47px;
	top:0;
	left:0;
	width:500px;
	}
.detailTopL ul li{
	float:left;
	width:45px;
	height:45px;
	border:1px solid #ccc;
	margin-right:10px;
	}
.detailTopL ul li img{width:45px;}
.detailTopL .p1{ height:22px; margin-top:12px;}
.detailTopL .p1 a{ float:left; margin-right:10px;}
.detailTopL .p1 .checkbox{ float:left;
	width:50px; 
	height:20px; 
	border:1px solid #ccc;
	background:#eee;
	line-height:20px;
	margin-left:20px;
	}
.detailTopL .p2{
	width:135px;
	height:34px; border:1px solid #ccc;
	border-top:1px solid rgb(255,27,57);
	border-bottom:1px solid #fff;
	margin-top:30px;
	line-height:34px;
	text-align:center;
	}

.detailTopLBtnL,.detailTopLBtnR{
	position:absolute;
	top:375px;
	}
.detailTopLBtnL{left:10px;}
.detailTopLBtnR{right:10px;}


/*---------------以上为详情页top左边样式---------------------------------------*/

.detailTopC{
	margin-right:30px;
	width:508px;
	padding:0 10px;
	height:auto;
	position:relative;
	}
.detailTopC>.p1{ line-height:38px; height:38px;}
.detailTopC .detailTopCC{
	width:485px; 
	height:74px;
	background:rgb(245,245,245);
	padding-left:20px;
	}
.detailTopC .detailTopCC p{
	height:37px;
	line-height:37px;
	}
.detailTopC .detailTopCC span{
	float:left;
	margin-right:15px;
	color:rgb(102,102,102);
	}
.detailTopC .detailTopCC .p1 #detailPrice{
	font-size:24px;
	color:#f00;
	}
.detailTopC .detailTopCC .p2 #detailoddPrice{ text-decoration:line-through;}

.detailTopC>.p2{ height:45px; line-height:45px; border-bottom:1px dashed #ccc;}
.detailTopC>.p2 span{
	float:left;
	margin-right:15px;
	}
.detailTopC>.p3{
	height:40px;
	border-bottom:1px dashed #ccc;
	line-height:40px;
	}
.detailTopC>.p3 span{ float:left; margin-right:20px;}

.detailTopC>.p4{
	height:30px;
	margin-top:10px;
	margin-bottom:10px;
	}
.detailTopC>.p4 span{
	float:left;
	line-height:30px;
	}
	.detailTopC>.p4 .span1{ margin-right:25px;}
.detailTopC>.p4 .span2,.detailTopC>.p4 .span3{ padding:0 5px; border:1px solid #ccc; height:30px; line-height:30px; text-align:center;}

.detailTopC>.p5{
	height:20px;
	
	line-height:20px;
	}
.detailTopC>.p5 span{float:left;margin-right:10px;}
.detailTopC>.p5 .span2,.detailTopC>.p5 .span3{ width:10px; cursor:pointer; 
	height:10px;
	 border:1px solid #ccc; 
	 margin-top:4px; 
	 text-align:center;
	 line-height:12px;
	 }
.detailTopC>.p5 #checkedNum{ float:left; margin-right:10px; text-align:center; width:30px; height:18px; border:1px solid #ccc;}
.detailTopC{ height:33px; margin-top:10px;}
.detailTopC>.p6 { margin-top:10px;}
.detailTopC>.p6 a{ cursor:pointer; float:left; padding:0 17px; margin-right:10px; line-height:33px; height:33px;}

.detailTopBigWin{
	width:400px;
	height:400px;
	background:#FFCCFF;
	position:absolute;
	top:0;
	left:20px;
	border:1px solid #ccc;
	display:none;
	overflow:hidden;
	}
#detailTopBigWinImg{ width:800px; height:800px; position:absolute; left:0; top:0;}




.detailTopC>.p6 .a1{ color:#fff; background:rgb(255,101,0);}
.detailTopC>.p6 .a2{ color:#fff; background:rgb(227,27,57);}
.detailTopC>.p6 .a3{ padding-left:28px; height:31px; border:1px solid #ccc; background:url(../images/detailTopCshoucang.jpg) no-repeat left center;}
.detailTopC>.p6 .a4{ padding-left:28px; height:31px; border:1px solid #ccc; background:url(../images/detailTopCshouji.jpg) no-repeat left center;}

/*----------------------详情页top重间部分--------------------------------------------*/
.detailTopR{
	width:200px; 
	height:520px;
	padding:0 20px;
	background:rgb(249,249,249) url(../images/indexNavR.jpg) no-repeat 80px 400px;
	border:1px solid #ccc;
	}
.detailTopR>.p1{
	height:46px;
	border-bottom:1px solid #ccc;
	line-height:46px;
	padding-left:10px;
	}
.detailTopR>.p2{
	height:27px;
	border-bottom:1px dashed #ccc;
	line-height:27px;
	background:url(../images/detailTopRp2.jpg) no-repeat 70px 5px;
	}
.detailTopR ul{ height:35px; padding:5px 0; border-bottom:1px dashed #ccc;}
.detailTopR ul li{ float:left; width:55px; text-align:center; height:35px;}
.detailTopR ul li .p2{ color:rgb(227,25,57); margin-top:5px;}
.detailTopR .p3,.detailTopR .p7,.detailTopR .p4,.detailTopR .p5,.detailTopR .p6,.detailTopR .p7{ line-height:35px;}
.detailTopR .p5 a{ display:block; width:100%; height:35px; background:url(../images/qq1.gif) no-repeat 80px 6px;}
.detailTopR .p6 a{ display:block; width:100%; height:35px; background:url(../images/web_logo.png) no-repeat 80px 6px;}
.detailTopR .p8{ height:28px; padding-bottom:10px; padding-top:13px; border-top:1px dashed #ccc;}
.detailTopR .p8 a{ float:left; margin-left:10px; width:73px; height:28px; line-height:28px; 
	border:1px solid rgb(227,25,57); text-align:center;
	}
.detailTopR .p9{ width:100%; text-align:center;}

/*--------------------详情页top样式-------------------------------------*/

.detailTuijian{ height:190px; border:1px solid #ccc; position:relative;}
.detailTuijian ul{ height:140px; margin:25px; width:100%; position:absolute; left:0; top:0;}
.detailTuijian ul li{
	float:left;
	width:144px; height:140px;
	margin-left:27px;
	position:relative;
	overflow:hidden;
	}
.detailTuijian ul li img{ width:144px; height:140px;}
.detailTuijian ul li p{ width:100%; height:40px; line-height:20px; position:absolute; left:0; top:120px; background:rgba(0,0,0,.5); color:#fff;}
.detailTuijianBtnL{ cursor:pointer; background:rgba(0,0,0,.5); text-align:center; line-height:30px; font-size:36px; position:absolute; left:0; top:80px; width:30px; height:30px;}
.detailTuijianBtnR{ cursor:pointer; background:rgba(0,0,0,.5); text-align:center;line-height:30px; font-size:36px;  position:absolute; right:0; top:80px; width:30px; height:30px;}

/*--------------以上为详情页中间轮播图部分--------------------------------------*/

.detailMain{ height:auto!important; height:500px; min-height:500px; margin-top:20px;}
.detailMain:after{ content:'.'; height:0; width:100%; overflow:hidden; visibility:hidden; display:block; clear:both;}
.detailMainL{ width:260px;  height:auto!important; height:500px; min-height:500px;}
.detailMainL:after{ content:'.'; height:0; width:100%; overflow:hidden; visibility:hidden; display:block; clear:both;}
.detailMainL>div{ border:1px solid #ccc; margin-bottom:20px;}
.detailMainL1{ width:260px;  height:auto!important; height:100px; min-height:100px;}
.detailMainL1:after{ content:'.'; height:0; width:100%; overflow:hidden; visibility:hidden; display:block; clear:both;}
.detailMainL .title{ padding-left:20px; height:32px; line-height:32px; background:rgb(250,250,250); border-bottom:1px solid #ccc;}
.detailMainL1 ul li{ width:110px; padding-left:20px; float:left; height:25px; line-height:25px;}
.detailMainL1 ul{ padding:10px 0 10px 0;}
.detailMainL2Win{
	position:relative;
	height:600px;
	overflow:hidden;
	}
.detailMainL2{
	position:relative;
	height:680px;
	overflow:hidden;
	}
.detailMainL2 ul{ 
	height:1500px;
    padding-left:50px;
	}
.detailMainL2 ul li{ margin-bottom:20px;}
.detailMainL2 ul li img{ width:130px;}
.detailMainL2 ul li p{ width:130px; text-align:center;}

.detailMainLBtnL,.detailMainLBtnR{ position:absolute; top:650px; background:rgba(0,0,0,.5); width:30px; height:30px; line-height:30px; text-align:center; color:#fff;}
.detailMainLBtnL{ left:0;}
.detailMainLBtnR{ right:0;}

.detailMainR{
	margin-left:20px;
	 width:900px;
	 
	}
.detailNav{
	height:32px;
	border-bottom:1px solid #f00;
	width:100%;
	margin-bottom:20px;
		}
.detailNav a{ cursor:pointer; float:left; width:133px; height:30px; line-height:30px; text-align:center; border:1px solid #ccc;}
.detailNav .active{ border:0;height:32px; width:135px; color:#fff;  background:#f00;}
.detailNav .last{float:right; border:0; height:32px; width:135px; color:#fff; background:#f00;}
.detailMainR1{
	width:750px;
	height:70px;
	border:1px solid #ccc;	
	margin-bottom:30px;
	}
.detailMainR1 li{ padding-left:20px; width:230px; height:35px; line-height:35px; float:left;}
.detailMainR2{
	width:135px;
	height:1440px;
	position:absolute;
	top:998px; left:1060px;
	background:rgb(245,245,245);
	margin-bottom:20px;
	}	
.detailMainR2 li{
	line-height:50px;
	background:url(../images/detailMainR2.jpg) no-repeat 30px center;
	padding-left:45px;
	}
.detailMainR2 .active{ background:url(../images/detailMainR2Active.jpg) no-repeat 20px center;}
.detailMainR>.title{ width:750px; height:50px; border-bottom:1px solid #ccc;}
.detailMainR>.title span{ display:block; height:50px; border-bottom:1px solid #f00; line-height:50px; width:90px; text-align:center; color:#000;}
.detailMainR3{
	 width:748px;
	 height:94px;
	 border:1px solid #ccc;
	 border-top:0;
	 padding-top:15px;
	}
.detailMainR3 div{ float:left;}
.detailMainR3L{
	width:200px;
	text-align:center;
	}
.detailMainR3L .p1{ color:#f00; font-size:36px; padding-top:10px;}
.detailMainR3L .p2{ color:#666; padding-top:5px;}
.detailMainR3C{ padding-top:2px; width:200px; height:80px; border-right:2px solid #ccc;}
.detailMainR3C p span{ float:left;}
.detailMainR3C p .detailMainR3Cspan2{ width:100px; height:10px; background:#ccc; margin-left:20px;}
.detailMainR3C p{ padding:10px 0;}

.detailMainR4{ height:32px; width:750px; border:1px solid #ccc; margin-top:20px;}
.detailMainR4 li{
	 padding:0 40px;
	 line-height:32px;
	 height:32px;
	 background:rgb(247,247,247);
	 border-right:1px solid #ccc;
	 float:left;
	 cursor:pointer;
	}
.detailMainR4 .active{ background:#f00; color:#fff;}
.detailMainR5{ width:750px; border:1px solid #ccc; text-align:center; min-height:100px; margin-top:20px; margin-bottom:20px;}
.detailMainR5:after{ content:'.'; width:100%; height:0; overflow:hidden; display:block; visibility:hidden; clear:both;}
































